
import TaskItem from './TaskItem'

function TasksList(props) {
    const {tasks,deleteTask} = props
    return (
        <div>
            <ul>
                {
                    tasks.map((item,index)=>{
                        return <TaskItem  key={index} item={item} index={index} deleteTask={deleteTask}/>
                    })
                }
            </ul>
        </div>
    )
  }

  export default TasksList